<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Responsive Admin Dashboard Template">
    <meta name="keywords" content="admin,dashboard">
    <meta name="author" content="stacks">

    <!-- Title -->
    <title>{% block title %}{% endblock %}</title>
    <!-- Styles -->
    <link href="{% static 'css/css.css' %}" rel="stylesheet">
    <link href="{% static 'css/icon.css' %}" rel="stylesheet">
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/all.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/perfect-scrollbar.css' %}" rel="stylesheet">
    <link href="{% static 'css/pace.css' %}" rel="stylesheet">
    <!-- Theme Styles -->
    <link href="{% static 'css/main.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/custom.css' %}" rel="stylesheet">
    {% block head %}{% endblock %}

</head>
<body class="page-sidebar-collapsed">

<div class="page-container">
    <div class="page-sidebar">
        <a class="logo" href="#">HaiTai</a>
        <ul class="list-unstyled accordion-menu">
            <li>
                <a href="#"><i data-feather="activity"></i>数据中心<i
                        class="fas fa-chevron-right dropdown-icon"></i></a>
            </li>
            <li>
                <a href="#"><i data-feather="aperture"></i>用户数据<i class="fas fa-chevron-right dropdown-icon"></i></a>
                <ul class="">
                    <li><a href="#"><i class="far fa-circle"></i>用户</a></li>
                    <li><a href="#"><i class="far fa-circle"></i>用户组</a></li>
                </ul>
            </li>
            <li>
                <a href="#"><i data-feather="code"></i>台风数据<i class="fas fa-chevron-right dropdown-icon"></i></a>
                <ul class="">
                    <li><a href="#"><i class="far fa-circle"></i>基本信息</a></li>
                    <li><a href="#"><i class="far fa-circle"></i>路径位置信息</a></li>
                    <li><a href="#"><i class="far fa-circle"></i>路径节点信息</a></li>
                </ul>
            </li>
            <li>
                <a href="#"><i data-feather="box"></i>资料报告数据<i class="fas fa-chevron-right dropdown-icon"></i></a>
                <ul class="">
                    <li><a href="#"><i class="far fa-circle"></i>资料内容</a></li>
                    <li><a href="#"><i class="far fa-circle"></i>评论信息</a></li>
                    <li><a href="#"><i class="far fa-circle"></i>分类组</a></li>
                </ul>
            </li>

        </ul>
        <a href="#" id="sidebar-collapsed-toggle"><i data-feather="arrow-right"></i></a>
    </div>
    <div class="page-content">
        <div class="page-header">
            <nav class="navbar navbar-expand-lg d-flex justify-content-between">
                <div class="header-title flex-fill">
                    <a href="#" id="sidebar-toggle"><i data-feather="arrow-left"></i></a>
                    <h5>{% block pageName %}{% endblock %}</h5>
                </div>
            </nav>
        </div>
        <div class="main-wrapper">
            {% block main %}{% endblock %}
        </div>
        <div class="page-footer">
            {% block footer %}{% endblock %}
        </div>

    </div>

</div>

<!-- Javascripts -->
<script src="{% static 'js/jquery-3.4.1.min.js' %}"></script>
<script src="{% static 'js/core@2.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/feather-icons.js' %}"></script>
<script src="{% static 'js/perfect-scrollbar.min.js' %}"></script>
<script src="{% static 'js/pace.min.js' %}"></script>
<script src="{% static 'js/main.min.js' %}"></script>
{% block js %}{% endblock %}
</body>
</html>